<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions">
    <ui:composition template="/view/templates/layout.xhtml">
        <ui:define name="title">Reporte</ui:define>
        <ui:define name="menu">
            <ui:include src="/view/templates/smp-menu.xhtml"/>
        </ui:define>
        <ui:define name="body">
            <p:growl id="growl" globalOnly="true" showSummary="true" showDetail="true" autoUpdate="true" />
            <h:form id="generarReporte" prependId="false">
                <div class="row">
                    <div class="col-md-offset-2 col-md-8">
                        <div class="panel panel-primary">
                            <div class="panel-heading">Reportes</div>
                            <div class="panel-body">
                                <p:outputLabel value="#{msg.grn_datos_Nombre}:"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem>  
                                        <p:inputText id="nombre" value="#{ReporteController.pacienteReporte.nombre}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaNombre}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="nombre"/>
                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="apPaterno" value="#{ReporteController.pacienteReporte.apPaterno}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaApPaterno}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="apPaterno"/>

                                    </pe:fluidGridItem> 
                                    <pe:fluidGridItem>  
                                        <p:inputText id="apMaterno" value="#{ReporteController.pacienteReporte.apMaterno}" style="margin: 5px;" styleClass="form-control"
                                                     placeholder="#{msg.obj_personaApMaterno}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="apMaterno"/>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>
                            </div>
                            <div class="panel-footer">
                                <center>
                                    <p:commandButton value="Generar" update=":generarReporte" styleClass="ui-button-custome"
                                                     actionListener="#{ReporteController.executeCrearReporte}"
                                                     ajax="false"/>
                                    <p:commandButton id="cBLimpiar" value="#{msg.grn_botonLimpiar}"  styleClass="ui-button-custome" 
                                                     actionListener="#{ReporteController.executeLimpiarObejects}">
                                        <p:ajax update=":generarReporte " resetValues="true" />  
                                    </p:commandButton>
                                </center>
                            </div>
                        </div>
                    </div>
                </div>
            </h:form>
        </ui:define>
    </ui:composition>

</html>

